<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>     
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户首页</title>
	<link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css" />
	<link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css" />
	<link rel="stylesheet" type="text/css" href="../css/main-page.css" />
	<script type="text/javascript" src="../easyui/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="../js/win.js"></script>
	<script type="text/javascript">
	</script>
	<style type="text/css">
		.at{
			width: 300px;
			height: 210px;
			padding: 0 10px 10px 0;
			float: left;
		}
		
		.index-table{
			width: 100%;
		}
		.index-table td{
			height:25px;
			border-bottom: 1px dotted gray;
		}
		.td-title{
			padding-left: 5px;
		}
		
		.td-date{
			width:60px;
			padding-right: 5px;
		}
		
		.index-table td a{
			text-decoration: none;
			color: #333333;
		}
		.index-table td a:HOVER{
			text-decoration: none;
			color: green;
		}
		
		.tr-on{
			background-color: gray;
		}
	</style>
</head>
<body>
	<div class="dg-search">
		<img src="../image/index-banel.jpg" width="950px" height="200px"/>
	</div>
	<div class="dg-content">
		<s:iterator value="indexArticles" id="arts">
			<div class="at">
			 	<div class="easyui-panel" title='<s:property value="#arts.key.name"/>' 
			 		data-options="tools:'#<s:property value='#arts.key.id'/>'">
			 		<table class='index-table' cellspacing="0">
			 			<s:iterator value="#arts.value" id="art">
			 				<tr>
								<td class='td-title'><a href='#'><s:property value="#art.title"/></a></td>
								<td class='td-date'><s:property value="#art.date"/></td>
							</tr>
			 			</s:iterator>
			 		</table>
			 	</div>
			 	<div id='<s:property value="#arts.key.id"/>'>
					<a href="javascript:void(0)" class="icon-more"></a>
				</div>
			</div>
		</s:iterator>
	</div>
</body>
</html>